<template>
  <div>
    <header>
      <slot name="header">
        header内容
      </slot>
    </header>
    <slot>默认展示内容</slot>

    <footer>
      <slot name="footer">
        foot内容
      </slot>
    </footer>
  </div>
</template>

<script>
export default {
  data(){
    return{
      
    }
  }
}
</script>

<style scoped>

</style>